html{background:#F6F6F6 ;}
.nav_bg{background: #fff}
/*网站位置*/
.postion{height:60px ;line-height: 60px;font-size: 12px;color: #828282;}
.point{width: 10px;height: 10px;border-radius: 50%;background: #E36554;display: inline-block;margin:0 5px ;}
.now_postion{color: #282828;}
/*培训内容*/
.bg5{background:#E36554 ;text-align: center;height: 242px;font-size: 18px;}
.bg5 .p1{color: #fff;font-weight: bold;padding: 60px 0 5px;}
.bg5 .p2{color: #fff;font-weight:normal ;font-size: 13px;}
.project_ul{text-transform: uppercase;width: calc(100% - 20px);margin: -121px auto 20px;text-align: center;}
.project_ul li{position: relative;width: 310px;float: left;border-right: 1px solid #F2F2F2 ;height: 276px;;margin-bottom: 28px;background: #fff;box-shadow:0px 0px 3px #E3E3E3;}
.project_ul li .p1{font-size: 16px;font-weight: bold;color: #282828}
.project_ul li .p2{font-size: 11px;color: #B2B2B2;margin-top: 9px;line-height: 14px;font-family: "Microsoft YaHei"}
.project_ul li span{display: inline-block;width:63px ;height: 63px;margin-top: 63px; }
.project_ul li:nth-child(3),.project_ul li:last-child {border-right: none!important;}
/*内容图标*/
.span1{background:url(../images/li_bg_01.png) no-repeat -1px 0; }
.span2{background:url(../images/li_bg_03.png) no-repeat -1px 0; }
.span3{background:url(../images/li_bg_05.png) no-repeat -1px 0; }
.span4{background:url(../images/li_bg_02.png) no-repeat -1px 0; }
.span5{background:url(../images/li_bg_04.png) no-repeat -1px 0; }
.span6{background:url(../images/li_bg_07.png) no-repeat -1px 0; }
.btn{width: 24px!important;height:16px!important;background:url(../images/btn.png) no-repeat ;background-position-y:0px!important;background-position-x: -33px;margin-top: 35px!important;transition: all 0s!important;cursor: pointer}
/*色彩层*/
.color_box{position: absolute;width:310px;height: 276px;overflow: hidden}
.color_bg{position: absolute;width:310px;height: 276px;background:#E36554;left:-101%;transition: all 400ms;opacity: 0}
/*培训内容鼠标效果*/
.project_ul li:hover{transition: all 300ms}
.project_ul li:hover span{background-position-y:-132px}
.project_ul li:hover .btn{animation: right_run 1.5s 200ms ease-in-out infinite }
.project_ul li:hover .color_bg{left: 0;opacity: 1}
.project_ul li:hover p{color: #fff}
.project_ul li:hover .info{opacity:1}
@keyframes right_run {
    0%{background-position-x: -33px;}
    50%{background-position-x: 0px;}
    100%{background-position-x: 24px}
}
/*培训内容信息*/
.info{position:relative;transition: all 300ms;opacity:0;width: 530px;height: 172px;background: #fff;z-index:5;padding: 16px 12px;text-align: left;margin-top:52px;box-shadow:0px 0px 3px #E3E3E3;}
.project_ul li .info img{width: 143px ;height:143px;margin-right:15px;float: left }
.info_word_box{float: left;width: 340px}
.info_word_box h4{color: #E36554;font-weight: bold}
.info_word{margin-top: 16px;height:80px;font-size:11px;color:rgba(120,120,120,1);line-height:16px;overflow: hidden }
.info i{display: inline-block;position:absolute;width: 15px;height: 15px;transform: rotate(45deg);top:-8px;left: 20%;background:#fff }
.li_bg{position: relative;z-index: 6}



